<%-- 
    Document   : index
    Created on : 25/08/2013, 01:35:30 PM
    Author     : Mile
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <style >
            #header{
                background-color: lightgray;
                width: 840px;
                height: 30px;
                padding-bottom: 50px;
                padding-left: 500px;
                padding-top: 50px;
            }  
            #content{
                background-color: lightgoldenrodyellow;
                width: 890px;
                height: 420px;
                padding-bottom: 50px;
                padding-left: 450px;
                padding-top: 50px;
            }

        </style>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <script>
                    $(function() {
            $("#datepicker").datepicker();
            });
                    jQuery(function($) {
                    var date = new Date();
                    var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
                    $.datepicker.regional['es'] = {
            closeText: 'Cerrar',
                    currentText: 'Hoy',
                    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                    monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
                    'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                    dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                    dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié;', 'Juv', 'Vie', 'Sáb'],
                    dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
                    weekHeader: 'Sm',
                    dateFormat: 'dd/mm/yy',
                    firstDay: 1,
                    maxDate: new Date(y, m, d),
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''
            };
                    $.datepicker.setDefaults($.datepicker.regional['es']);
            });
        </script>
    </head>

    <body>
        <div id="header">
            <header>
                PRESTÁMO DE LIBROS BIBLIOTECA UNIMINUTO
            </header>    
        </div>
        <div id="content" >
            <form name="FormBiblioteca" action="BibliotecaServlet" method="POST"> 

                <table border="1">
                    <thead>
                        <tr>
                            <th colspan="2">CONSULTA DE DATOS</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr style="alignment-adjust: central;">
                            <td colspan="2" ><strong>Estudiante</strong></td>
                        </tr>

                        <tr>
                            <td>Id:<input type="text" name="id" value="" size="10" /> </td>
                            <td>Nombre: <input type="text" name="nombreEstudiante" value="" size="57" /></td>
                        </tr>
                        <tr>
                            <td colspan="2"><strong>Libro</strong></td>
                        </tr>

                        <tr>
                            <td colspan="2">Nombre: <input type="text" name="nombreLibro" value="" size="76" /></td>

                        </tr>
                        <tr>
                            <td colspan="2">Tipo:  <select name="tipoLibro">
                                    <option value="1">A</option>
                                    <option value="2">B</option>
                                    <option value="3">C</option>
                                </select></td>
                        </tr>

                        <tr>
                            <td>Fecha Retiro : </td>
                            <td><input type="text" id="datepicker" name="fecha"/></td>

                        </tr>
                    </tbody>
                </table>

                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="submit" value="Consultar" name="consultar" />
            </form>
        </div>
    </body>
</html>
